h1 {
	text-shadow: 1px 1px 5px #800080;
	color: #888888;
	font-family: Verdana, Geneva, sans-serif;
}

#chat { 
	height: 300px; 
	overflow: auto; 
	width: 800px; 
	border: 1px solid #eee; 
	font: 13px Helvetica, Arial; 
}
#chat p {
	padding: 8px; margin: 0; 
}
#chat p:nth-child(odd) {
	background: #F6F6F6; 
}
#input_form {
	width: 782px; 
	background: #333; 
	padding: 5px 10px; 
	display: block; 
}
#input_form input[type=text] {
	width: 700px;
	padding: 5px;
	background: #fff;
	border: 1px solid #fff;
}
#input_form input[type=button] {
	cursor: pointer;
	background: #999;
	border: none;
	padding: 6px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-left: 5px;
	text-shadow: 0 1px 0 #fff;
}
#input_form input[type=button]:hover {
	 background: #A2A2A2;
}
#input_form input[type=button]:active {
	 position: relative;
	top: 2px;
}
#canvas {
	 display:block;
	height: 300px;
	width: 800px;
	background: #EEFFEE;
}
.idea {
	text-shadow: 0px 0px 5px rgba(25, 25, 25, 0.8);
	color: #ffffff;
	font-family: sans-serif;

	display: -moz-box;
	display: -webkit-box;
	display: box;

	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	
	-moz-box-pack: center;
	-moz-box-align: center;
	
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
	box-pack: center;
	box-align: center;
	
	position: absolute;
	text-align:center;
	
	/* script内で指定
	width: 100px;
	height: 100px;
            
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	
	border: 1px solid #eee;
	*/
}

/** 
 * アイデアのアニメーションに関連するスタイル
 */ 
.idea {
	-moz-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: fuyo_motion;
}

/** 
 * アイデアがふわふわと漂うアニメーション
 */ 
@-webkit-keyframes fuyo_motion {
	0% {
		-webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-box-shadow: 0 1.3em 1.2em rgba(0,0,0,0.15);
		-webkit-transform: translateY(-10px);
	}
	100% {
		-webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.2);
		-webkit-transform: translateY(0px);
	}
}

/** 
 * アイデアがふわふわと漂う＆光彩を放つアニメーション
 */ 
@-webkit-keyframes fuyopika_motion {
	0% {
		-webkit-box-shadow: 0 0 5em rgba(255,96,96,0.7);
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-box-shadow: 0 0 1em rgba(255,96,96,1);
		-webkit-transform: translateY(-10px);
	}
	100% {
		-webkit-box-shadow: 0 0 5em rgba(255,96,96,0.7);
		-webkit-transform: translateY(0px);
	}
}